<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>漯河民政</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="keywords" content="">
		<meta name="Description" content="" />
		<link rel="shortcut icon" type="image/ico" href="favicon.ico">
		<link rel="stylesheet" href="../assets/css/common.css" />
		<link rel="stylesheet" href="../assets/css/map.css">
		<script src="../assets/js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body class="index">
		<!--公共头部部分-->
		<!--header start-->
		<div class="header">
			<img src="../assets/img/logo.png" class="logo" alt="漯河民政" />
			<img src="../assets/img/top_text.png" class="txt1" alt="" />
		</div>
		<!--header end-->
		<!--内容区域-->
		<div class="nav">
			<ul class="clearfix">
				<li><a href="index.html">首页</a></li>
				<li><a href="index.html">个人办事</a></li>
				<li><a href="index.html">法人办事</a></li>
				<li><a href="index.html">权力公示</a></li>
				<li><a href="index.html">便民服务</a></li>
			</ul>
		</div>
		<div class="main clearfix">
			<div class="top clearfix">
				<img class="pos" src="../assets/img/posi.png" alt="" />
				您当前所在位置 : 首页 > 便民服务
				<div class="sear">
					<input type="text" placeholder="请输入关键字或查件编号" />
					<div class="btn_seh"><img src="../assets/img/icon_search.png" alt="" /></div>
				</div>
			</div>
			<div class="article clearfix">
				<div class="silde">
					<div class="switch">
						<ul class="clearfix">
							<li class="cur">便民地图</li>
							<li>在线咨询</li>
						</ul>
					</div>
					<div class="sli_sear">
						<input type="text" placeholder="输入查询类容" />
						<img src="../assets/img/icon_search_black.png" alt="" />
					</div>
					<div class="txt">
						<p>区域：
							<a href="##">汇源区</a>
							<a href="##">郾城区 </a>
							<a href="##">召陵区 》</a>
						</p>
						<p>行业：
							<a href="##">养老</a>
							<a href="##">慈善</a>
							<a href="##">军休</a>
							<a href="##">政府机构</a>
							<a href="##">餐饮服务  旅游景点  公交路线</a>
							<a href="##">旅游景点</a>
							<a href="##">公交路线  》</a>
						</p>
					</div>
				</div>
				<div class="map"></div>
			</div>
		</div>
		<!--公共底部-->
		<!--bottom start-->
		<footer>
			<div class="con">
				<img src="../assets/img/btm_pic1.png" class="btm_left" alt="" />
				<div class="cen">
					<p>Copyright©  备案序号：  豫ICP备13016146号-1</p>
					<p>网站标识码：CA172610000603756470001<em></em>公安机关备案：*****************号</p>
					<p>漯河市民政局主办　站点地图　电话：0395-3159598</p>
				</div>
				<img src="../assets/img/btm_pic3.png" class="btm_right" alt="" />
			</div>
		</footer>
		<!--bottom end-->
		<script>
			$(function(){
				$('.switch ul li').on('click',function(){
					$(this).addClass('cur').siblings().removeClass('cur');
				})
			})
		</script>
	</body>

</html>